/*
 * @Author: your name
 * @Date: 2020-12-09 10:48:30
 * @LastEditTime: 2020-12-30 14:26:16
 * @LastEditors: Please set LastEditors
 * @Description: 活动详情
 * @FilePath: \h5-zhuhaiyun20201209\js\zz\activityDetail\activityDetail.js
 */
Vue.use(vant);


$.when($.ready).done(function(){
    var activityId = zzGetHrefQueryString("activityId");
    new Vue({
        el:".zz-container",


        mixins:[zzSetRem],


        data:{
            // 活动信息
            activityInfo:{},
            // 报名弹层
            applyVisible:false,
            // 报名参数
            applyPopArgs:{
                activityId:"", // 活动id
                name:"", // 姓名
                mobile:"", // 电话
                licenseNo:"", // 车牌号
                moldName:"", // 车辆品牌型号
                expireDate:""  // 到期时间
            },
            // 选择车险到期时间的弹层
            selectETVisible:false,
            ETDate:new Date(),
            // 是否已阅读活动规则
            userReadedRule:true,
            // 活动报名成弹层
            applySuccVisible:false
        },


        computed:{


        },


        created(){
            
            console.log(vant);
        },


        mounted(){
            // --- 获取活动详情
            zzRequest.post(
                "/api/getActivityInfo",
                {
                    activityId:activityId
                },
                {
                    showLoading:true,
                    loadingTxt:"获取活动详情"
                }
            ).then(data=>{
                this.activityInfo = data.body;
                //
                this.$nextTick().then(()=>{
                    $("#activity-content").html(this.activityInfo.content);
                });
            }).catch(err=>{
                vant.Dialog.alert({
                    title: '提示',
                    message: err.msg||'获取活动详情失败',
                  }).then(() => {
                    
                });
            });
        },


        watch:{


        },


        methods:{
            // 显示选择车险到期时间的弹层
            showETPop(){
                this.selectETVisible = true;
            },
            // 选择车险到期时间---确认
            selectETConfirm(date){
                console.log("---selected_date---",date);
                //
                this.$set(this.applyPopArgs,"expireDate",zzTime.date2yyyymmdd(date));
                //
                this.selectETVisible = false;
            },
            // 选择车险到期时间---取消
            selectETCancel(){
                this.selectETVisible = false;
            },
            // 关闭报名成功弹层
            closeApplySuccPop(){
                this.applySuccVisible = false;
                this.backToActivityList();
            },
            // 立即报名
            joinActivity(){
                this.applyVisible = true;
            },
            // 提交报名信息  
            submitApplyInfo(){
                //console.log("---this.applyPopArgs---",this.applyPopArgs);
                if(!this.applyPopArgs.name){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '请填写姓名',
                      }).then(() => {
                        
                    });
                }
                if(!this.applyPopArgs.mobile){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '请填写联系电话',
                      }).then(() => {
                        
                    });
                }
                if(this.applyPopArgs.mobile.length>11){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '联系电话不能超过11位',
                      }).then(() => {
                        
                    });
                }
                if(!this.applyPopArgs.licenseNo){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '请填写车牌号',
                      }).then(() => {
                        
                    });
                }
                if(!this.applyPopArgs.licenseNo){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '请填写车牌号',
                      }).then(() => {
                        
                    });
                }
                //   
                if(!this.applyPopArgs.expireDate){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '请选择你的车险到期时间',
                      }).then(() => {
                        
                    });
                }
                if(!this.userReadedRule){
                    return vant.Dialog.alert({
                        title: '提示',
                        message: '请勾选已阅读活动规则',
                      }).then(() => {
                        
                    });
                }
                this.applyPopArgs.activityId = this.activityInfo.id;
                console.log("---this.applyPopArgs---",this.applyPopArgs);
                //return false;
                zzRequest.post(
                    "/api/insertActivityPerson",
                    this.applyPopArgs,
                    {
                        showLoading:true,
                        loadingTxt:"提交报名"
                    }
                ).then(data=>{
                    this.applySuccVisible = true;
                }).catch(err=>{
                    vant.Dialog.alert({
                        title: '提示',
                        message: err.msg||'提交报名失败',
                      }).then(() => {
                        
                    });
                });
            },
            // 返回活动列表
            backToActivityList(){
                location.href="../activityList/list.html";
            }

        },


        components:{

        }


    })
});
